<template>
  <div id="main">
    <BasicTop></BasicTop>
    <TopTitle></TopTitle>
    
    <Banner></Banner>
    <TabBar></TabBar>
    <myForm></myForm>
    <Course></Course>
    <Show></Show>
    <Teacher></Teacher>
    <HotNews></HotNews>
    <div class="youqing">
      <h3 class="yq_url">友情链接</h3>
      <div>
        语桥德语
        <span>大连语桥德语</span>
      </div>
    </div>
    <Bottom></Bottom>
  </div>
</template>

<script>
import {
  Banner,
  BasicTop,
  myForm,
  TabBar,
  TopTitle,
  Course,
  Show,
  Teacher,
  HotNews,
  Bottom
} from "@/components";

export default {
  components: {
    BasicTop,
    TopTitle,
    Banner,
    TabBar,
    myForm,
    Course,
    Show,
    Teacher,
    HotNews,
    Bottom
  }
};
</script>

<style scoped>
.yq_url{
  padding: 20px 0;
}
.youqing{
  margin-top: 80px;
  padding: 40px;
  width: 1200px;
  text-align: start;
}
#main {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}
</style>